<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.js"></script>
    <link href="../Teachercentre/favicon.ico" rel="shortcut icon">
    <title>拉勾教育-教师中心</title>
    <link rel="stylesheet" href="teachercentre.css">
    <script src="teachercentre.js"></script>
</head>

<body>
    <!-- 导航栏 -->
    <div class="aftertips">
        <div class="tb"><span></span><span>完成</span></div>
    </div>
    <div class="wrap">
        <div class="wrap-content">
            <div class="wrap-content-left">
                <div class="logo"><img src="img/logo.png" alt="" width="40px" height="40px"></div>
                <div class="title-1">拉勾教育</div>
                <div class="title-2">互联网人实战大学</div>
            </div>
            <div class="search">
                <input type="text" class="search-input" placeholder="请输入搜索内容">
                <div class="to_search"></div>
                <ul class="search-content search-content-scroll">

                </ul>
            </div>
            <!-- 导航栏分项 -->
            <div class="wrap-content-right">
                <ul class="tab-list">
                    <li class="sec"> <a href="../Homepage/index1.html">选课</a></li>
                    <li class="sec1" id="teachercentre" style="display: none;"><a href="/易动考核/拉勾教育/Teachercentre/teachercentre.html">教师中心</a></li>
                    <li class="sec"> <a href="../Studyspace/studyspace.html">学习</a></li>
                    <li class="sec"><a href="../Questioncentre/questioncentre.html">师生问答</a></li>
                </ul>
                <!-- 登陆/注册 -->
                <div class="login">
                    <div class="dropdown">
                        <div class="dropdown-icon"></div>
                        <button class="dropbtn" id="userinfo"></button>
                        <div class="dropdown-content">
                            <a href="#">我的收藏夹</a>
                            <a href="../Setuserinfo/setuserinfo.html" id="setuser">账户设置及充值</a>
                            <a href="../Homepage/index1.html" id="out-login">退出登录</a>
                        </div>
                    </div>
                    <!-- <div class="pic" id="loginbtn3"><img src="img/register.png" alt=""><span class="rolelogo">游客</span></div> -->
                    <div class="pic" id="rlogo"><img src="img/register.png" alt=""><span class="rolelogo" id="rolelogo"></span></div>
                </div>
            </div>
        </div>
    </div>
    <!-- 教师功能部分 -->
    <div class="container-pc">
        <div class="pagename">课程管理中心</div>
        <div class="tabdiv">
            <div class="tab">
                <button class="tablinks" onclick="openCity(event, 'item1')" id="defaultOpen">添加新课程</button>
                <button class="tablinks" onclick="openCity(event, 'item2')" id="mycourse">获取上传课程</button>
                <button class="tablinks" onclick="openCity(event, 'item3')" id="edititem">编辑课程信息</button>
            </div>
        </div>
        <div class="learn-wrap">
            <div id="item1" class="tabcontent">
                <h3>根据要求上传课程信息</h3>
                <!-- 课程发布 -->
                <div class="class_post">
                    <div class="new_title_box">
                        <span class="new_title">课程名称</span>
                        <input type="text" class="title_input" placeholder="请输入课程名称">
                    </div>
                    <div class="new_title_box">
                        <span class="new_title">课程现价</span>
                        <input type="text" class="price_input" placeholder="请输入课程现价">
                    </div>
                    <div class="new_title_box">
                        <span class="new_title">讲师名字</span>
                        <input type="text" class="teacher_input" placeholder="请输入讲师名字">
                    </div>
                    <div class="new_title_box">
                        <span class="new_title">课程原价</span>
                        <input type="text" class="oldprice_input" placeholder="请输入课程原价（非必填）">
                    </div>
                    <div class="new_title_box">
                        <span class="new_title">讲师简介</span>
                        <input type="text" class="teacherbrief_input" placeholder="请输入讲师简介（非必填）">
                    </div>
                    <div class="classId_check">
                        <span class="new_title">课程分类</span><br> 后端&架构
                        <input type="radio" class="checkopt" name="opt"> 前端&移动
                        <input type="radio" class="checkopt" name="opt"> 数据分析
                        <input type="radio" class="checkopt" name="opt"> 产品&设计
                        <input type="radio" class="checkopt" name="opt"> 市场&运营
                        <input type="radio" class="checkopt" name="opt"> 大数据&AI
                        <input type="radio" class="checkopt" name="opt"> 测试&运维
                        <input type="radio" class="checkopt" name="opt"> 职场&管理
                        <input type="radio" class="checkopt" name="opt"> 学生&入门
                        <input type="radio" class="checkopt" name="opt">
                    </div>
                    <div class="new_title_box1">
                        <span class="new_title">课程简介</span>（非必填）
                        <textarea cols="" rows="" class="brief_input" placeholder="请输入课程简介（非必填）"></textarea>
                    </div>
                    <p class="remind"></p>
                    <div class="btnlist">
                        <div class="post_btn">发布课程</div>
                        <div class="clear_btn">清空信息</div>
                    </div>
                </div>
            </div>

            <div id="item2" class="tabcontent">
                <h3>您的课程</h3>
                <div class="editcourse">
                    <div class="addCourse">
                        <div>
                            <input type="text" class="add-title" placeholder="课程标题">
                        </div>
                        <div>
                            <input type="text" class="add-teacherName" placeholder="讲师名称">
                            <input type="text" class="add-teacherBrief" placeholder="讲师简介">
                        </div>
                        <div class="course-price">
                            <input type="number" class="add-courseOriginPrice" placeholder="课程原价">
                            <input type="number" class="add-courseNowPrice" placeholder="课程现价">
                        </div>
                        <div>
                            <h4 class="add-courseClassify">课程分类</h4>
                            <div class="select-classify">
                                <div>
                                    <input type="radio" class="check_box" name="o">
                                    <div class="check-text">后端&架构</div>
                                </div>
                                <div>
                                    <input type="radio" class="check_box" name="o">
                                    <div class="check-text">前端&移动</div>
                                </div>
                                <div>
                                    <input type="radio" class="check_box" name="o">
                                    <div class="check-text">数据分析</div>
                                </div>
                                <div>
                                    <input type="radio" class="check_box" name="o">
                                    <div class="check-text">产品&设计</div>
                                </div>
                                <div>
                                    <input type="radio" class="check_box" name="o">
                                    <div class="check-text">市场&运营</div>
                                </div>
                                <div>
                                    <input type="radio" class="check_box" name="o">
                                    <div class="check-text">大数据&AI</div>
                                </div>
                                <div>
                                    <input type="radio" class="check_box" name="o">
                                    <div class="check-text">测试&运维</div>
                                </div>
                                <div>
                                    <input type="radio" class="check_box" name="o">
                                    <div class="check-text">职场&管理</div>
                                </div>
                                <div>
                                    <input type="radio" class="check_box" name="o">
                                    <div class="check-text">学生&入门</div>
                                </div>
                            </div>
                        </div>
                        <div>
                            <h4 class="course-brief-title">课程简介</h4>
                            <textarea class="course-brief" maxlength="200" placeholder="课程简介" type='text'></textarea>
                        </div>
                        <p class="tip"></p>
                        <div>
                            <button class="publish-course">修改发布</button>
                            <button class="publish-cancel">取消修改</button>
                        </div>
                    </div>
                </div>
                <div class="showupload">
                    <ul class="course-ul course-ul-scroll">
                        <li class="course-li">
                            <img src="../Teachercentre/img/logo.png" alt="">
                            <div class="_main">
                                <div class="_title">1111111</div>
                                <p class="_brief">111</p>
                                <p class="_teacher">111</p>
                                <div class="_foot"> <span class="_price">¥1111</span><span class="_oldprice">¥11111</span></div>
                                <span>1.2w人购买</span>
                            </div>
                            <div class="btnlist1">
                                <div class="btn">修改课程</div>
                                <div class="btn1">删除课程</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>

            <div id="item3" class="tabcontent">
                <h3>课程列表</h3>
                <ul class="editdetail editdetail-scroll">
                    <li class="briefinfo">
                        <!-- <img src="/易动考核/拉勾教育/Teachercentre/img/logo.png" alt="">
                        <div class="_main1">
                            <div class="brieftitle">1111111</div>
                            <p class="briefteacher">111</p>
                            <p class="smallbrief">111</p>
                        </div>
                        <div class="btnlist3">
                            <div class="editbtn">编辑详细信息</div>
                            <div class="editbtn1">管理该课程</div>
                        </div> -->
                    </li>
                </ul>
                <div class="editcourse1">
                    <div class="editboard">
                        <p>课程背景</p>
                        <textarea name="" cols="" rows="" class="edittip" placeholder="请输入该课程的课程背景" id="t1"></textarea>
                    </div>
                    <div class="editboard">
                        <p>专栏解读</p>
                        <textarea name="" cols="" rows="" class="edittip" placeholder="请输入该课程的专栏解读" id="t2"></textarea>
                    </div>
                    <div class="editboard">
                        <p>讲师简介</p>
                        <textarea name="" cols="" rows="" class="edittip" placeholder="请输入该课程的讲师简介" id="t3"></textarea>
                    </div>
                    <div class="editboard">
                        <p>订阅须知</p>
                        <textarea name="" cols="" rows="" class="edittip" placeholder="请输入该课程的订阅须知" id="t4"></textarea>
                    </div>
                    <p id="tip"></p>
                    <div class="btnlist4">
                        <div class="pushdetailbtn">发布详情</div>
                        <div class="canceleditbtn">取消编辑</div>

                    </div>
                </div>
                <div class="editcourse2">
                    <p class="ptitle">编辑课程模块</p>
                    <div class="supervise-course">
                        <div class="module">
                            <h2 class="module-title">
                                模块名称
                                <div class="add-module-name"></div>
                                <div class="to-add-module-title">
                                    <input type="text" placeholder="请输入要添加的模块名称" class="postmodulename">
                                    <div class="confirm-btn">
                                        <button class="upload-module-name">上传</button>
                                        <button class="cancel-upload-module-name">取消</button>
                                    </div>
                                </div>
                            </h2>
                            <ul class="module-name ul-scroll">
                                <!-- <li>
                                    <div class="modulename">模块1</div>
                                </li> -->
                            </ul>
                        </div>
                        <div class="module-course-title">
                            <h2 class="small-module-course-title">课程名称
                                <div class="add-course-name"></div>
                                <div class="to-add-module-course-title">
                                    <input type="text" placeholder="请输入要添加的模块名称" class="postlessonname">
                                    <div class="confirm-btn">
                                        <button class="upload-module-course-name">上传</button>
                                        <button class="cancel-upload-module-course-name">取消</button>
                                    </div>
                                </div>
                            </h2>
                            <ul class="module-course-name ul-scroll">

                            </ul>
                        </div>
                        <div class="module-course-content">
                            <h2>课程内容</h2>
                            <textarea class="edit-content ul-scroll" placeholder="请编辑对应课程的内容"></textarea>
                            <div>
                                <button class="save-edit">保存</button>
                                <button class="save-edit1">取消</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部内容 -->
    <div class="footer">
        <div class="footer-content">
            <div class="words-left">
                <p class="words-left-one">拉勾教育</p>
                <p class="words-left-two">拉勾旗下专为互联网人打造的实战大学</p>
            </div>
            <div class="words-right">
                <div class="words-right-one">
                    <!-- 二维码 -->
                    <div class="words-right-pic">
                        <img src="https://www.lgstatic.com/kw-web-fed/img/common-qrcode.abff25a.jpeg" alt="">
                    </div>
                    <!-- 文字 -->
                    <div class="words-right-title">
                        <p class="words-right-title-one">
                            关注公众号
                        </p>
                        <p class="words-right-title-two">
                            接收第一手优惠信息
                        </p>

                    </div>
                </div>
                <div class="words-right-two">
                    <!-- 二维码 -->
                    <div class="words-right-pic">
                        <img src="img/footer-logo.png" alt="">
                    </div>
                    <!-- 文字 -->
                    <div class="words-right-title">
                        <p class="words-right-title-one">
                            下载APP
                        </p>
                        <p class="words-right-title-two">
                            随时随地学习
                        </p>

                    </div>

                </div>
            </div>

        </div>
        <div class="footer-right">
            ©2021 拉勾网
            <a href="https://beian.miit.gov.cn" target="_blank">京ICP备14023790号-2</a>
            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802024043" target="blank">京公网安备 11010802024043</a>
        </div>
    </div>
    <script>
        //tab功能栏切换
        function openCity(evt, itemName) {
            var i, tabcontent, tablinks;
            tabcontent = document.getElementsByClassName("tabcontent");
            for (i = 0; i < tabcontent.length; i++) {
                tabcontent[i].style.display = "none";
            }
            tablinks = document.getElementsByClassName("tablinks");
            for (i = 0; i < tablinks.length; i++) {
                tablinks[i].className = tablinks[i].className.replace(" active", "");
            }
            document.getElementById(itemName).style.display = "block";
            evt.currentTarget.className += " active";
        }

        // 触发 id="defaultOpen" click 事件
        document.getElementById("defaultOpen").click();
    </script>
</body>

</html>